<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>智慧农业</title>
	<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
	<!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
	<link rel="stylesheet" href="index.css"></link>
	<script src="index.js" type="text/javascript"></script>
	<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body>
	<div class="head">
		<img src="../images/water_1.jpg" alt="">
		<div class="theme">智慧农业大数据</div>
		<div class="welcome">欢迎各位领导专家莅临指导</div>
		<div class="time">系统时间</div>
	</div>
	<hr>
	<div class="body">
		<!-- 导航栏 -->
	<div class="major">
		<ul>
			<li>设备控制</li>
			<li>历史数据</li>
			<li>实时数据</li>
			<li>数据接收</li>
			<li>摄像头</li>
		</ul>
	</div>
	<!-- 功能区 -->
	<div class="equipment">
		<h2>设备控制</h2>
		<ul>
			<li>519灯泡LED_1</li>
			<!-- <button type="button"></button> -->
			<script src="//unpkg.com/vue/dist/vue.js"></script>
			<script src="//unpkg.com/element-ui@2.14.1/lib/index.js"></script>
			<div id="app">
				<el-switch
				  v-model="value"
				  active-color="#13ce66"
				  inactive-color="#ff4949">
				</el-switch>
			</div>
			
			<br>
			<li>519风机fengs</li>
			<button type="button"></button>
			<br>
			<li>519喷泉zengy</li>
			<button type="button"></button>
			<br>
			<li>植物补光灯</li>
			<button type="button"></button>
			<br>
			<li>增氧加湿</li>
			<button type="button"></button>
			<br>
			<li>内循环风机</li>
			<button type="button"></button>
			<br>
			<li>遮阳网</li>
			<button type="button"></button>
			<br>
			<li>换气</li>
			<button type="button"></button>
			<br>
		</ul>
		
	</div>
	<!-- 图像区 -->
	<div class="func">
		<ul>
			<li><img src="http://49.122.47.147:82/uploads/20191009/29a492cf029062bcf4b1d21340f30deb.png" alt=""></li>
			<li><img src="http://49.122.47.147:82/uploads/20191009/58aa8cc95fc5ee049b6b2df6edb226a0.png" alt=""></li>
			<li><img src="http://49.122.47.147:82/uploads/20191009/420193dd9873b657cc264ea43737ba2a.png" alt=""></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		
	</div>
	</div>
	<script>
		@import url("//unpkg.com/element-ui@2.14.1/lib/theme-chalk/index.css");
	</script>

	<!-- <script>
	  var Main = {
	      data() {
	        return {
	          value: true
	        }
	      }
	    };
	  var Ctor = Vue.extend(Main)
	  new Ctor().$mount('#app')
	</script> -->

</body>
</html>